<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>照片大比拼首页</title>
<style type="text/css">

body{text-align: center;}
html,body{ width:90%; height:90%;text-align: center;margin-left:auto;margin-right:auto;}
div#container{width:100%;text-align: center;margin:0 auto;}
div#header {background-color:#99bbbb;}
div#menu {background-color:#ffff99;height:200px;width:40%;float:left;}
div#content {background-color:#EEEEEE;height:200px;width:60%;float:left;}
div#footer {background-color:#99bbbb;clear:both;text-align:center;}
div#bgimg{background-color:#99CCFF;clear:both;text-align:center;}

.button.green {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #90dfa2, #84d494) repeat scroll 0 0;
    border: 1px solid #64c878;
    box-shadow: 0 1px 2px #b9ecc4 inset, 0 -1px 0 #6c9f76 inset, 0 -2px 3px #b9ecc4 inset;
}
</style>
</head>
<body>
    <div id="container">
        <div id="header">
            <h1>Main Title of Web Page</h1>
            <?php if(!empty($uid)){?>
            欢迎<?php echo $uname;?>回到首页&nbsp;&nbsp;<a href="outlogin.php">退出登录</a>
            <?php }else{?>
            <a href='login.php'>登录</a>/<a href='register.php'>注册</a>
            <?php }?>
        </div>
        <div id='bgimg'>&nbsp;</div>
        <div id="menu">
            <a href='http://www.letian.com/vote.php'>
            <button class="button green" type="button" onclick="window.location.href('http://www.letian.com/vote.php')">发起投票</button></a>
        </div>
        <div id="content">
            <a href='http://www.letian.com/votelist.php'>
            <button class="button green" type="button" onclick="window.location.href('http://www.letian.com/votelist.php')">参与投票</button></a>
        </div>

        <div id="footer">Copyright letian</div>
    </div>
</body>
</html>